#store-payment{
  padding: 30px 25px;
  .payment-box{
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 6px;
    .order-no{
      padding: 10px 15px;
    }
    .goods-info{
      position: relative;
      display: flex;
      padding: 10px 15px;
      border-top: 1px dashed #f0f0f0;
      border-bottom: 1px dashed #f0f0f0;
      overflow: visible;
      .img-box{
        width: 88px;
        height: 88px;
        border: 1px solid #e5e5e5;
        overflow: hidden;
        margin-right: 10px;
        image{
          width: 100%;
          height: 100%;
        }
      }
      .info{
        flex: 1;
        .name{
          font-size: 15px;
          margin-bottom: 15px;
          -webkit-line-clamp:2;
          -webkit-box-orient:vertical;
          display:-webkit-box;
          text-overflow:ellipsis;
          overflow:hidden;
          line-height:22px;
        }
        .money-box{
          font-size: 13px;
          color:#f61c16;
          .num{
            color:#9b9b9b;
            margin-right: 5px;
          }
        }
      }

      .circular{
        position: absolute;
        width: 20px;
        height: 20px;
        background: #EFEFF4;
        border-radius: 100%;

        &.top-left{
          top: -10px;
          left: -10px;
        }
        &.top-right{
          top: -10px;
          right: -10px;
        }
        &.bottom-left{
          bottom: -10px;
          left: -10px;
        }
        &.bottom-right{
          bottom: -10px;
          right: -10px;
        }
      }
    }
    .payment-type{

      .type{
        text-align: center;
        margin-top: 25px;
        font-size: 15px;
        .change{
          color: #4A90E2;
          margin-left: 20px;
        }
      }
      .code{
        width: 150px;
        height: 150px;
        margin: 20px auto;
        overflow: hidden;

        image{
          width: 100%;
          height: 100%;
        }
      }
      .bottom{
        font-size: 13px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #FFFFFF;
        background:#1aad19;
        margin: 75px 20px;
      }
      .bottom-box{
        margin: 75px 20px;
        font-size: 13px;
        .phone-box{
          display: flex;
          align-items: center;
          margin-bottom:20px;
          padding-bottom:10px;

          .text {
            color:#4a4a4a;
          }
          input{
            flex: 1;
            padding: 0 10px;
          }
          .time-box{
            padding: 0 20px;
            color:#5295e4;
          }
        }
        .submit{

          height: 50px;
          line-height: 50px;
          text-align: center;
          color: #FFFFFF;
          background:#1aad19;
        }
      }
    }
  }



  .mask{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:200;
    background-color:rgba(0, 0, 0, 0.4);
  }
  .type-box{
    background:#FFFFFF;
    position:fixed;
    z-index:210;
    width:85%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:3px;
    overflow:hidden;
    text-align:center;

    .title{
      padding: 10px 0;
      font-size: 18px;
    }
    .pay-item{
      display: flex;
      align-items: center;
      padding: 5px 15px;

      .left{
        flex: 1;
        display: flex;
        align-items: center;

        .iconfont{
          font-size: 30px;

          &.icon-zhifubao{
            color: #34b4fe;
          }
          &.icon-weixin{
            color: #67b247;
          }
          &.icon-xianjin{
            color: #f5a623;
          }
          &.icon-yinlianqia{
            color: #272636;
          }
        }
        .info-box{
          font-size: 14px;
          text-align: left;
          margin-left: 10px;
          .text{
            color: #9b9b9b;
            font-size: 12px;
          }
        }
      }
    }
    .buttom-box{
      display: flex;
      align-items: center;
      font-size: 14px;
      height: 55px;
      line-height: 55px;
      text-align: center;
      view{
        flex: 1;
        width: 0%;
      }
      .close{
        color:#9b9b9b;
      }
      .submit{
        color:#d70c18;
      }
    }
  }


}